<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
    />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <!-- 考情规则规则样式 -->
    <link rel="stylesheet" href="./examRules.css" />
    <title>考情规则</title>
  </head>
  <body>
    <div class="examRules-index">
      <!-- 头部 -->
      <div class="header bg-fff flex jc-sb aic">
        <div class="l">
          <i onclick="fanhui()" class="iconfont icon-zuojiantou"></i>
        </div>
        <div class="c tac">考情规则</div>
        <div class="r"></div>
      </div>
      <!-- 用户名 -->
      <div class="username bg-fff flex">
        <div class="avatar">
          <img src="./img/__80px_u3817.png" alt="" />
        </div>
        <div class="text fdc jc-sb">
          <div class="name">吴珊珊</div>
          <div class="group">考勤组：销售一组</div>
        </div>
      </div>
      <!-- 内容 -->
      <div class="content">
        <div class="list">
          <div class="item">考勤时间</div>
          <div class="item">
            <span>上下班时间：</span>
            <span>周一、周二、周三、周四、周五</span>
          </div>
          <div class="item">
            <span>班次:</span>
            <span>默认班次:09:00-18:00</span>
          </div>
        </div>
        <div class="list">
          <div class="item">打卡方式</div>
          <div class="item">
            <span> 打卡地址:</span>
            <span>北京市朝阳区朝阳公园南路1号</span>
          </div>
          <div class="item">
            <span> 打卡范围:</span>
            <span>300米以内</span>
          </div>
        </div>
        <div class="list">
          <div class="item">加班规则</div>
          <div class="item">
            <span> 工作日:</span>
            <span>需审批，按审批单核算加班时长</span>
          </div>
          <div class="item">
            <span>休息日:</span>
            <span>需审批，按审批单核算加班时长</span>
          </div>
          <div class="item">
            <span> 节假日:</span>
            <span>需审批，按审批单核算加班时长</span>
          </div>
        </div>
        <div class="list">
          <div class="item">补卡规则</div>
          <div class="item">
            <span>补卡次数:</span>
            <span>每个月最多可提交8次</span>
          </div>
          <div class="item">
            <span>补卡时间:</span>
            <span>最多可申请22个工作日内的补卡</span>
          </div>
        </div>
      </div>
    </div>
    <script src="./examRules.js"></script>
  </body>
</html>
